<template>
	<div>
		<ul class="details" v-if="datas.length">
			<li>
				<div class="right_content_intro_icon"> <i class="icon iconfont">&#xe7f1;</i>
				</div>
				<p>
					<span>{{datas[0]["value"]}}</span>
					<br>
					<span class="right_content_intro">{{datas[0]["title"]}}</span>
				</p> <i class="visible"></i>
			</li>
			<li>
				<div class="right_content_intro_icon" style="background: #34495E;margin-right:20px;">
					<i class="icon iconfont">&#xe7de;</i>
				</div>
				<p>
					<span>{{datas[1]["value"]}}</span>
					<br>
					<span class="right_content_intro">{{datas[1]["title"]}}</span>
				</p>
				<i class="visible"></i>
			</li>
			<li>
				<div class="right_content_intro_icon" style="background: #47a947;margin-right:20px;">
					<i class="icon iconfont">&#xe6f1;</i>
				</div>
				<p>
					<span>{{datas[2]["value"]}}</span>
					<br>
					<span class="right_content_intro">{{datas[2]["title"]}}</span>
				</p>
				<i class="visible"></i>
			</li>
			<li>
				<div class="right_content_intro_icon" style="background: #f9af3f;margin-right:20px;">
					<i class="icon iconfont">&#xe7ce;</i>
				</div>
				<p>
					<span>{{datas[3]["value"]}}</span>
					<br>
					<span  class="right_content_intro">{{datas[3]["title"]}}</span>
				</p>
				<i class="visible"></i>
			</li>
			<li>
				<p>
					<span>
						<span class="right_content_intro">{{datas[4]["title"]}}：</span>
						<span>{{datas[4]["value"]}}</span>
					</span>
					<br>
					<span>
						<span class="right_content_intro">{{datas[5]["title"]}}：</span>
						<span>{{datas[5]["value"]}}</span>
					</span>
				</p>
				<i class="visible"></i>
			</li>
			<li>
				<p>
					<span>
						<span class="right_content_intro">{{datas[6]["title"]}}：</span>
						<span>{{datas[6]["value"]}}</span>
					</span>
					<br>
					<span>
						<span class="right_content_intro">{{datas[7]["title"]}}：</span>
						<span>{{datas[7]["value"]}}</span>
					</span>
				</p>
				<i class="visible"></i>
			</li>
		</ul>
		<div class="details" style="height:154px;" v-if="!datas.length"v-loading="!datas.length"
    	element-loading-text="拼命加载中">
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		}, 
		mounted() {
		},
		props: ['datas']
	}
</script>